<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet"
	href="<c:url value="/resources/lib/bootstrap-3.3.5/css/bootstrap.min.css"/>" />
	<link href="/resources/lib/font-awesome-4.4.0/css/font-awesome.min.css"
	rel="stylesheet" type="text/css" />
	<link href="/resources/css/header.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet"
	href="<c:url value="/resources/css/common.css"/>" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/dataAdaptor/setup.css"/>" />
	
<script src="<c:url value="/resources/lib/jquery-2.1.4.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/bootstrap-3.3.5/js/bootstrap.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/angular-1.4.7/angular.min.js"/>"
	type="text/javascript">
	
</script>
<script
	src="<c:url value="/resources/lib/ui-bootstrap-tpls-0.13.4.min.js"/>"
	type="text/javascript">
	
</script>

<script src="<c:url value="/resources/js/dataAdaptor/setup.js" />"
	type="text/javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
</head>
<body ng-app="conversionTool">
<ng-include src="'/resources/viewPart/nav.html'" >
	
	</ng-include>
	<header>
	   <div class="head-line">
		<h3 class="head-title">Create data adaptor</h3>
		</div>
	</header>

	<section class="container" ng-controller="setupDataAdaptorCtrl">
		<form role="form" action="{{actionURL}}" method="post" name="dataAdaptorForm" id="dataAdaptorForm" class="form-horizontal text-center">
		
		<input type="hidden" name="isEdit" value="true" />
		
		<div>
		<input type="hidden" name="dataAdaptorId" id="dataAdaptorId" ng-model="dataAdaptorId" />
		</div>
		<div class="form-group text-center form-line">
		<div class="col-xs-4 text-right" >
		<label for="adaptorName">Adaptor Name</label> 
  </div>
	<div class="col-xs-8"> 
	
	<input type="text"class="form-control" id="adaptorName" ng-model="adaptorName"placeholder="please enter a name" />
</div>
		</div>

			<div class="form-group text-center form-line">
  <div class="col-xs-4 text-right">
				<div class="btn-group" dropdown keyboard-nav>
					<button id="simple-btn-keyboard-nav" type="button"
						class="btn btn-primary color-btn" dropdown-toggle>
						{{dataType}} <span class="caret"></span>
					</button>
					<ul class="dropdown-menu" role="menu"
						aria-labelledby="simple-btn-keyboard-nav">
						<li role="menuitem" ng-repeat="choice in dataTypeItems"><a
							href="#" ng-click="selectDataType(choice)">{{choice}}</a></li>
					</ul>
				</div>

			</div>
			<div class="col-xs-8 "></div>
			</div>

			<div class="form-group text-center form-line">
                <div class="col-xs-4 text-right"><label for="description">Description</label> </div>
				<div class="col-xs-8">
				<textarea id="description" class="form-control" ng-model="description"></textarea> </div>
				
			</div>
		
			

			<div class="form-group text-center form-line">
                <div class="col-xs-offset-3 pull-right div-one-btn">
				<input type="button" value="Save" class="btn btn-primary"
					ng-click="save()" />
			   </div>
			   </div>
             <div class="form-group text-center form-line">
              <div class="col-xs-4 text-right"></div>
             <div class="col-xs-8 text-center">
              <div class="control-group error" ng-show="msg.length>1">{{msg}}
              <!-- <span class="help-inline">{{msg}}</span> -->
           
            </div>
            </div>
            </div>

			<!--  <div class="control-group error">

				<span class="help-inline">{{msg}}</span>

			</div>-->

		</form>
	</section>


</body>
</html>